<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"
  design="device:pc;">  
  <div component="$UI/system/components/justep/model/model" xid="model" onParamsReceive="modelParamsReceive">
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="codeData" idColumn="id">
      <column label="id" name="id" type="String" xid="xid1"/>  
      <column label="支付链接" name="url" type="String" xid="xid2"/>  
      <data xid="default1">[{"id":"1"}]</data>
    </div>
  </div>  
  <div xid="div1" style="width:150px;height:200px;position: absolute;top:50%;left: 50%;margin: -100px 0 0 -75px;"> 
    <div component="$UI/system/components/justep/qrcode/qrcode" style="width:150px; height:150px"
      xid="qrcode1" bind-content="$model.codeData.val('url')"/> 
    <span xid="span2" style="display:block;text-align:center;padding-top:8px;color: #fff;"><![CDATA[微信扫一扫完成支付]]></span>   
    <a component="$UI/system/components/justep/button/button" class="btn x-green"
      label="支付成功" xid="sureBtn" style="width:100%;margin-top: 12px" onClick="sureBtnClick"> 
      <i xid="icon1"/>  
      <span xid="span1">支付完成</span> 
    </a> 
  </div> 
  <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-icon"
    label="关闭" xid="closeBtn" style="position:absolute;right:12px;top:12px;font-size: 24px;color: #fff;"
    icon="linear linear-cross" onClick="pageClose"> 
    <i xid="icon2" class="linear linear-cross"/>  
    <span xid="span3">关闭</span>
  </a>
</div>
